<template>
  <div>
<!-- 
  filter过滤器 在不改变原数据的情况下，对数据进行处理然后显示到页面上 在原数据的基础上生成新数据    
-->
<!-- 函数不传参 默认传age原数据  -->
    <h1>{{ age | changeMsg }}----{{ age }}</h1>
   <!-- changeMsg接收的第一个数据是原数据 age -->
    <h2>{{ age|changeMsg(b) }}</h2>
  </div>
</template>

<script>
export default{
  data(){
    return{
      age:18,
      b:'男'
    }
  },
  methods:{
    
  },
  // 过滤器 存放函数
  filters:{
    // 函数接收原数据 必须把处理好的数据return出去
    changeMsg(a,b){
      if(a > 18){
        a = "go to home study"+b
      }else{
        a = 'go to paly'+b
      }
      return a
    }
  }
}
</script>

<style scoped>
</style>